$primary-color: #0081FA;

.tab{
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F5F5F5;
  border-top: 1px solid #d7d7d7;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 四等分，每个列宽相等 */
  grid-gap: 0px; /* 可选：设置列之间的间距 */
  padding: 10px 0;
  .grid-item {
    /* 可选：设置每个网格项的样式 */
    display: flex; /* 使用Flexbox */
    align-items: center; /* 垂直居中 */
    justify-content: space-evenly; /* 水平居中 */
    text-align: center;
    flex-direction: column;
    cursor: pointer;
    .navName{
      font-size: 12px;
      margin-top: 3px;
    }
  }
}

.active{
  color: $primary-color;
}